/* 
希望选择不同的名称空间—您可能希望为经常引用的模块使用较短的名称，或者您可能正在加载具有相同文件名的多个模块。您可以将@use“<url>”写成<namespace>
*/

// A.scss    ../../../.../src/img  => xx
$radius: 3px;

@mixin rounded {
    border-radius: $radius;
}

// style.scss
@use "A" as xx;

.button {
    @include xx.rounded;
    padding: 5px + xx.$radius;
}

